import React from 'react'
import { NativeProps } from '../../utils/native-props'

export type NoticeBarProps = {
  /** 通告栏的类型. default: `default` */
  type?: 'default' | 'alert' | 'error' | 'info'
  /** 开始滚动的延迟，单位 ms. default: `2000` */
  delay?: number
  /** 额外操作区域，显示在关闭按钮左侧 */
  extra?: React.ReactNode
  /** 左侧广播图标. default: `<RiVolumeUpLine />` */
  icon?: React.ReactNode
  /** 公告内容 */
  content: React.ReactNode
  /** 是否可关闭 */
  closeable?: boolean
  /** 滚动速度，单位 px/s. default: `50` */
  speed?: number
  /** 是否多行展示. default: `false` */
  wrap?: boolean
  /** 点击事件 */
  onClick?: () => void
  /** 关闭时的回调 */
  onClose?: () => void
} & NativeProps<
  | '--background-color'
  | '--border-color'
  | '--text-color'
  | '--font-size'
  | '--height'
>
